.detail {
  @apply flex space-x-6 items-center justify-between pb-10;

  > div:first-child {
    @apply basis-2/3;
  }

  > div:last-child {
    @apply basis-1/3;
  }

  h1 {
    @apply font-medium text-lg my-5 text-white;
  }

  .article {
    @apply text-xs text-gray-500;
  }

  .wrapper_button {
    @apply flex  justify-between items-center mb-9;

    > button:first-child {
      width: 54%;
    }

    > button:last-child {
      width: 40%;
    }

    > button {
      @apply flex items-center justify-center rounded-lg p-2.5 text-white transition-colors duration-300;

      &:hover {
        @apply  bg-opacity-100;
      }

      > svg {
        @apply mr-2 text-base;
      }

      &.likeButton {
        background-color: #353340;

        &:hover {
          @apply bg-gray-800;
        }
      }
    }
  }

  .number_info {
    > div {
      @apply text-gray-500 flex items-center mb-4;

      > svg {
        @apply mr-2 text-base;
      }
    }
  }
}